<template>
  <div class="fullMain">
    <x-header
      class="custumHeader"
      :left-options="{backText: '',showBack: false}">
      <a slot="left">
        <i slot="overwrite-left" class="lIcon">X</i>
      </a>
      <span>日报-条件查看</span>
      <a slot="right">
        <x-icon slot="overwrite-right" type="ios-more" size="35" style="position:relative;top:-8px;left:-3px;"></x-icon>
      </a>
    </x-header>
    <div class="mainbBg">
      <div class="menuHeader">
        <i class="fa fa-chevron-left mT returnIcon"></i>
        <span class="ids">
          学号：2017223012345
          <i class="fa fa-share-alt icons"></i>
        </span>
      </div>
      <div class="cellDiv" style="float: right;">
        <button type="button" class="affirmBtn affirmBtn_small groupBBtn reportBtn" style="margin-right: 10px;">项目</button>
        <button type="button" class="affirmBtn affirmBtn_small groupBBtn reportBtn customBtn" style="margin-right: 10px;">学习</button>
        <button type="button" class="affirmBtn affirmBtn_small groupBBtn reportBtn customBtn" style="margin-right: 10px;">锻炼</button>
        <button type="button" class="affirmBtn affirmBtn_small groupBBtn reportBtn customBtn" style="margin-right: 10px;">其他</button>
      </div>
      <div class="lineDiv">
        <scroller height="100%" width="100%" scrollbar-y lock-x class="chartSrcoll">
          <div class="lineDBorder">
              <div style="height: 245px;">
                <lines></lines>
              </div>
              <div style="height: 245px;margin-top: 20px;">
                <columnar></columnar>
              </div>
          </div>
        </scroller>
      </div>
    </div>
  </div>
</template>

<script>
  import { XHeader } from 'vux'
  import { XInput } from 'vux'
  import { Scroller } from 'vux'
  import lines from '../components/common/lines.vue'
  import columnar from '../components/common/columnar'
  export default {
    name: "S_summary_line",
    data(){
      return{
      }
    },
    components:{
      XHeader,
      XInput,
      Scroller,
      lines,
      columnar
    },
    methods:{

    }
  }
</script>

<style>

</style>
